<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp">
<title data-index="2" id="selextTitle">${网页标题 }</title>
<meta name="keywords" content="${网页关键词}">
<meta name="description" content="${网页描述 }" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
<meta http-equiv="X-UA-Compatible" content="IE=9" />
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
    <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
    <script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
<link
	href="${path }/resource/plugin/bootstrap-3.3.5/css/bootstrap.min.css"
	rel="stylesheet" type="text/css">
<link
	href="${path }/resource/plugin/font-awesome/css/font-awesome.min.css"
	rel="stylesheet" type="text/css">
<link href="${path }/resource/css/styleOne/animate.min.css"
	rel="stylesheet" type="text/css" />
<link href="${path }/resource/css/visitor/base.css" rel="stylesheet"
	type="text/css">
<link rel="shortcut icon" href="${浏览器logo }">
<style>
.clr {
	clear: both;
}

.wrap {
	background: #f9f9f9;
}

.product-cases {
	margin: 80px 0 50px;
	float: left;
	clear: both;
	overflow: hidden;
}

.product-cases li {
	padding: 5px 10px;
	float: left;
	border-radius: 2px;
	margin: 0 15px 0 0;
	color: #39325e;
	border: 1px solid #39325e;
	text-align: center;
}

.product-cases li a {
	color: #39325e
}

.product-cases li.active {
	background: #39325e;
}

.product-cases li.active a {
	color: #FFFFFF
}

.product-cases li:hover {
	background: #39325e
}

.product-cases li:hover a {
	color: #FFFFFF;
}

.product-img {
	margin-top: 0px;
}
</style>


</head>
<body class="">
	<jsp:include page="_top.jsp"></jsp:include>
	<cms:ad var="banner" code="cgalBanner" multi="false"></cms:ad>
	<div class="banner">
		<img src="${banner.adImg }" alt="">
	</div>

	<div class="container">
		<ul class="product-cases">
			<cms:artType var="items" code="cgal"></cms:artType>
			<c:forEach var="item" items="${items }">
			
				<li <c:if test="${param.code eq item.code}"> class="active" </c:if> ><a 
					href="${path }/redirect/cgal?code=${item.code }&pageNow=0">${item.artTypeName }</a></li>
			</c:forEach>
		</ul>
		<div class="clr"></div>
		<!--空间钢构-->
		<cms:arts var="items" code="${param.code }" pageNow="${param.pageNow}" pageSize="10"></cms:arts>
		<div class="product-img row">
			<c:forEach var="item" items="${items }">
				<div class="col-md-4">
					<div class="inner">
						<a href="${path }/redirect/case_detail?id=${item.artId}"><img
							src="${item.artImage }" alt="">
							<div class="tips-none">
								<h3>${item.artTitle }</h3>
							</div> </a>
					</div>
				</div>
			</c:forEach>
		</div>
	</div>
	<div class="pages">
			<c:forEach var="i" begin="1" end="${recodeCount }" step="1">
				<a href="${path }/redirect/cgal?&code=${cate.code }&pageNow=${i-1}" >${i}</a>
			</c:forEach>
		</div>
		<jsp:include page="_foot.jsp"></jsp:include>
</body>
<script type="text/javascript"
	src="${path }/resource/js/plugin/jquery-2.1.4.min.js"></script>
<script type="text/javascript"
	src="${path }/resource/js/systools/AjaxProxy.js"></script>
<script type="text/javascript"
	src="${path }/resource/plugin/bootstrap-3.3.5/js/bootstrap.min.js"></script>
<script type="text/javascript">
	$(".nav-item li").eq(5).addClass("active")
</script>
</body>
</html>
